<template>
	<text :style="{ color: color, 'font-size': size + 'rpx' }" class="my-icons">
		{{ icons[type] }}
	</text>
</template>

<script>
import icons from './icons';
export default {
	name: 'myIcons',
	props: {
		type: {
			type: String,
			default: ''
		},
		color: {
			type: String,
			default: '#00B3BA'
		},
		size: {
			type: [Number, String],
			default: 16
		}
	},
	data() {
		return {
			icons: icons
		};
	}
};
</script>
<style>
.my-icons {
	font-family: 'my-icons' !important;
	font-size: 32rpx;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
</style>
